<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网</title>
    <link rel="stylesheet" type="text/css" href="css/taobao.css">
</head>
<body>
    <div class="container">
        <div class="header clearfix"> 
            <div class="box">
                <div class="logo">
                    <a href="#"><img src="images/logo.png" alt="淘宝网"></a>
                </div>
                <div class="warn">
                    <div class="notice">
                        <p>为确保您账户的安全及正常使用，依《网络安全法》相关要求，6月1日起会员账户需绑定手机。如您还未绑定，请尽快完成，感谢您的理解及支持！</p>
                    </div>
                    <p class="sug">
                        <a href="#"><img src="images/icon1.png"> "登录页面"改进建议</a>
                    </p>
                </div>  
            </div>            
        </div>
        <div class="main"> 
            <div class="box">
                <div class="login">
                    <h2>密码登录</h2>
                    <p class="username"><input type="text" placeholder="会员名/邮箱/手机号"></p>
                    <p class="password"><input type="password"></p>
                    <p class="submit"><button>登 录</button></p>
                    <p class="way">
                        <a href="#"> <img src="images/icon2.png" align="absmiddle"> 微博登录</a>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="#"> <img src="images/icon3.png" align="absmiddle"> 支付宝登录</a>
                    </p>
                    <p class="link">
                        <a href="#">忘记密码</a>&nbsp;&nbsp;
                        <a href="#">忘记会员名</a>&nbsp;&nbsp;
                        <a href="#">免费注册</a>
                    </p>
                    
                </div>
            </div>
         
        </div>
        <div class="footer">
            <div class="box">
                <div class="first-link">
                    <p>
                        <a href="#">阿里巴巴集团</a>
                        <i>|</i>
                        <a href="#">阿里巴巴国际站</a>
                        <i>|</i>
                        <a href="#">阿里巴巴中国站</a>
                        <i>|</i>
                        <a href="#">全球速卖通</a>
                        <i>|</i>
                        <a href="#">淘宝网</a>
                        <i>|</i>
                        <a href="#">天猫</a>
                        <i>|</i>
                        <a href="#">聚划算</a>
                        <i>|</i>
                        <a href="#">一淘</a>
                        <i>|</i>
                        <a href="#">阿里妈妈</a>
                        <i>|</i>
                        <a href="#">飞猪</a>
                        <i>|</i>
                        <a href="#">虾米</a>
                        <i>|</i>
                        <a href="#">阿里云计算</a>
                        <i>|</i>
                        <a href="#">云OS</a>
                        <i>|</i>
                        <a href="#">万网</a>
                        <i>|</i>
                        <a href="#">支付宝</a>
                        <i>|</i>
                        <a href="#">来往</a>
                    </p>
                </div>
                <div class="second-link">
                    <p>
                        <a href="#"> 关于淘宝 </a>&nbsp;
                        <a href="#">合作伙伴 </a>&nbsp;
                        <a href="#">营销中心 </a>&nbsp;
                        <a href="#">廉政举报 </a>&nbsp;
                        <a href="#">联系客服 </a>&nbsp;
                        <a href="#">开放平台 </a>&nbsp;
                        <a href="#">诚征英才 </a>&nbsp;
                        <a href="#">联系我们 </a>&nbsp;
                        <a href="#">网站地图 </a>&nbsp;
                        <a href="#">法律声明及隐私权政策 </a>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span>© 2018 Taobao.com 版权所有</span>
                    </p>
                    <p>
                        <span>网络文化经营许可证：浙网文 [2016]0132-032 号 | 增值电信业务经营许可证：浙B2-20080224-1 | 信息网络传播视听节目许可证：1109364号</span>
                    </p>
                    <p class="wj-picture">
                        <a href="#"><img src="images/wj.gif"></a>
                    </p>
                </div>
            </div>
        </div>  
    </div>
</body>
</html>